<template>
	<view class="head">
		<view class="text">
			天莹医美有限公司
		</view>
	</view>
	<view class="option">
		<view class="modules">
			<view class="">
				<image class="img" src="@/static/logo.png" mode=""></image>
			</view>
			<view class="">
				商品管理
			</view>
		</view>
		<view class="modules" v-for="(itme,index) in 8" :key="index">
			<view class="">
				<image class="img" src="@/static/logo.png" mode=""></image>
			</view>
			<view class="">
				其他管理
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup>
	
</script>

<style lang="scss">
	.head{
		width: 750rpx;
		height: 400rpx;
		background: #6D7278;
		background-image: linear-gradient(180deg, #985F62 0%, #985F62 100%);
		box-shadow: 0 0 0 0 #0000001a;
		margin: 0 auto;
		padding:130rpx 50rpx;
		box-sizing: border-box;
		.text{
			font-weight: 600;
			font-size: 72rpx;
			color: #FFFFFF;
			letter-spacing: 0.81px;

		}
	}
	.option{
		width: 750rpx;
		display:flex;
		flex-wrap: wrap;
		padding: 20rpx 55rpx;
		margin-top:30rpx;
		.modules{
			width: 116rpx;
			height: 176rpx;
			margin-right:60rpx;
			.img{
				width: 112rpx;
				height:112rpx;
				border-radius: 50%;
			}
		}
	}
</style>
